<template>
	<view class="bgf p-20 m-b-20" style="border-radius: 20rpx;">
		<view class="flex-justify-between u-border-bottom p-20">
			<view class="flex-item-center">
				<image
					:src="item.cus_img"
					mode="" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
				<view class="m-l-20">
					<view class="font-30 bold">
						{{item.cus_name}}
					</view>
					<view class="font-24 c9 m-t-6">
						电话：{{item.cus_mobile}}
					</view>
				</view>
			</view>
			<view class="phone flex-center">
				<u-icon name="phone-fill" size="20" @click="callMobile(item.cus_mobile)" color="#fff"></u-icon>
			</view>
		</view>
		<view class="flex-justify-between m-t-20">
			<view class="flex-center s-flex-direction">
				<view class="font-30 bold">
					{{item.dep_amount}}
				</view>
				<view class="font-24 c9 m-t-6">
					定金金额
				</view>
			</view>
			<view class="flex-center s-flex-direction">
				<view class="font-30 bold">
					{{item.dept_name}}
				</view>
				<view class="font-24 c9 m-t-6">
					所属门店
				</view>
			</view>
			<view class="flex-center s-flex-direction">
				<view class="font-30 bold">
					{{item.addtime}}
				</view>
				<view class="font-24 c9 m-t-6">
					下定日期
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:{
				type:Object,
				default:()=>({})
			}
			
		},
		methods:{
			callMobile(e){
				uni.makePhoneCall({
					phoneNumber: e,
					fail: res => {
						// checkPermission()
					}
					// success: (res) => {
					// 	this.$refs.callPhoneStatusRef.open()
					// }
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.phone {
		background-image: linear-gradient(#7ec2f6, #3b70e9);
		padding: 10rpx 34rpx;
		border-radius: 50rpx;
	}
</style>